@charset "utf-8";
.container { position: relative; width: 100%; }

.Area-hd { text-align:center; color:#1b2131; margin-bottom:55px; }
.Area-hd .p1 { font-size:36px; line-height:1; text-transform:uppercase; }
.Area-hd .p2 { font-size:48px; line-height:1; margin:15px 0; }
.Area-hd .p3 i { display:block; width:30px; height:4px; background:#c4261d; margin:0 auto; }
.Area-hd .p4 { font-size:18px; margin-top:25px; }

@media all and (max-width:1480px){
	.Area-hd { margin-bottom:35px; }
	.Area-hd .p1 { font-size:28px; }
	.Area-hd .p2 { font-size:36px; }
	.Area-hd .p4 { font-size:14px; } 
}
@media all and (max-width:1200px){
	.Area-hd {  margin-bottom:30px; }
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p2 { font-size:28px; margin:10px 0; }
	.Area-hd .p4 { font-size:14px; margin-top:15px; } 
}
@media all and (max-width:750px){
	.Area-hd { margin-bottom:30px; }
	.Area-hd .p1 { font-size:14px; }
	.Area-hd .p2 { font-size:22px; }
}
 
.aArea { padding:80px 0 90px; background:#eff5ff; }
.aArea01 { position:relative; padding:0 50px; }
.aArea01 .prev-sy01,.aArea01 .next-sy01 { position:absolute; top:50%; display:block; width:46px; height:45px; transform: translateY(-50%); z-index:5; cursor:pointer; }
.aArea01 .prev-sy01 { background:url(a01.png) no-repeat center; left:-15px; }
.aArea01 .next-sy01 { background:url(a02.png) no-repeat center; right:-15px; }
.aArea01 .swiper-slide { position:relative; }
.aArea01 .swiper-slide .txt { position:absolute; top:0; left:0; right:0; text-align:center; z-index:5; }
.aArea01 .swiper-slide .txt .p1 { min-height:190px; padding-top:35px; box-sizing: border-box; transition: all 0.6s; }
.aArea01 .swiper-slide .txt .p1 img { max-width:100%; }
.aArea01 .swiper-slide .txt .p2 { font-size:22px; color:#fff; margin-bottom:50px; }
.aArea01 .swiper-slide .txt .p3 { padding-top:20px; opacity:0; visibility:hidden; transition: all .6s; width:150px; margin:0 auto; }
.aArea01 .swiper-slide .txt .p3 a { display:block; font-size:18px; line-height:55px; height:55px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding:0 5px; text-align:left; }
.aArea01 .swiper-slide .txt .p3 a i { display:block; }

.aArea01 .swiper-slide:hover .txt .p1 { padding-top:30px; transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transition: transform 0.9s;-webkit-transition: transform 0.9s;-moz-transition: transform 0.9s; }
.aArea01 .swiper-slide:hover .txt .p3 { opacity:1; visibility:visible; padding-top:0; }
.aArea01 .swiper-slide .txt .p3 a:hover i { background:url(a03.png) no-repeat center right; color:#ddaf31; }
 
@media all and (max-width:1480px){
	.aArea { padding:60px 0; }
	.aArea01 .swiper-slide .txt .p1 { min-height:170px; }
	.aArea01 .swiper-slide .txt .p1 img { width:auto; height:100px; }
	.aArea01 .swiper-slide .txt .p2 { font-size:18px; margin-bottom:30px; }
	.aArea01 .swiper-slide .txt .p3 { padding-top:20px; opacity:0; visibility:hidden; transition: all .6s; width:150px; margin:0 auto; }
	.aArea01 .swiper-slide .txt .p3 a { font-size:14px; line-height:45px; height:45px; }
	
	.aArea01 .swiper-slide:hover .txt .p1 { padding-top:30px; }
	.aArea01 .swiper-slide:hover .txt .p3 { opacity:1; visibility:visible; padding-top:0; }
}
@media all and (max-width:1200px){
	.aArea { padding:30px 0; }
	.aArea01 { padding:0 40px; }
	.aArea01 .prev-sy01,.aArea01 .next-sy01 { width:30px; height:30px; background-size:contain!important; }
	.aArea01 .prev-sy01 { left:0; }
	.aArea01 .next-sy01 { right:0; }
	
	.aArea01 .swiper-slide .txt .p1 { min-height:140px; padding-top:25px; }
	.aArea01 .swiper-slide .txt .p1 img { width:auto; height:70px; }
	.aArea01 .swiper-slide .txt .p2 { font-size:18px; }
	.aArea01 .swiper-slide .txt .p3 { opacity:1; visibility:visible; padding-top:0; width:200px; }
	.aArea01 .swiper-slide .txt .p3 a { font-size:14px; line-height:45px; height:45px; }
 
	
	.aArea01 .swiper-slide:hover .txt .p1 { padding-top:25px; }
 
}
@media all and (max-width:750px){
	.aArea01 { padding:0 0 55px 0; }
	.aArea01 .swiper-slide .txt .p1 { min-height:110px; }
	.aArea01 .prev-sy01,.aArea01 .next-sy01 { bottom:0; top:auto; transform: translateY(0); }
	.aArea01 .prev-sy01 { left:50%; margin-left:-50px; }
	.aArea01 .next-sy01 { right:50%; margin-right:-50px; }
}
@media all and (max-width:450px){
	.aArea01 .swiper-slide .txt .p2 { font-size:18px; margin-bottom:25px; }
	.aArea01 .swiper-slide .txt .p3 a { font-size:14px; line-height:40px; height:40px; }
}


.bArea { position:relative; width:1920px; left:50%; margin-left:-960px; }
.bArea .pic { float:left; width:50%; }
.bArea .txt { position:absolute; width:730px; right:50%; top:50%; transform: translateY(-50%); margin-right:-730px; padding-left:80px; box-sizing: border-box; z-index:5; }
.bArea .txt .Area-hd { text-align:left; }
.bArea .txt .Area-hd .p3 i { margin:0; }
.bArea .txt .bd { padding:30px 0 55px; font-size:18px; line-height:30px; color:#000; }
.bArea .txt .bd01 a { display:block; width:45px; height:8px; background:url(b01.png) no-repeat center; }
.bArea .txt .bd02 { margin:65px 0 0 -320px; width:752px; }
.bArea .txt .bd02 ul { box-sizing: border-box; border:1px solid #eae9e9; box-shadow: #eae9e9 0px 5px 10px; }
.bArea .txt .bd02 ul li { position:relative; float:left; width:250px; height:210px; padding-top:30px; border-right:1px solid #eae9e9; box-sizing: border-box; text-align:center; background:#fff;  }
.bArea .txt .bd02 ul li:last-child { border-right:none; }
.bArea .txt .bd02 ul li .p1 { position:relative; z-index:5; min-height:65px; }
.bArea .txt .bd02 ul li .p1 .img02 { display:none; }
.bArea .txt .bd02 ul li .p2 { position:relative; z-index:5; font-size:16px; color:#a4a4a4; }
.bArea .txt .bd02 ul li .p2 i { font-size:30px; color:#f5c014; padding-right:5px; }
.bArea .txt .bd02 ul li .p3 { position:relative; z-index:5; font-size:20px; color:#a4a4a4; }

.bArea .txt .bd02 ul li:hover { background:#f5c014; }
.bArea .txt .bd02 ul li:hover .p1 { transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transition: transform 0.9s;-webkit-transition: transform 0.9s;-moz-transition: transform 0.9s; }
.bArea .txt .bd02 ul li:hover .p1 .img01 { display:none; }
.bArea .txt .bd02 ul li:hover .p1 .img02 { display:inline-block; }
.bArea .txt .bd02 ul li:hover .p2 { color:#fff; }
.bArea .txt .bd02 ul li:hover .p2 i { color:#fff; }
.bArea .txt .bd02 ul li:hover .p3 { color:#fff; }

/* 
.animated-circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.animated-circles .circle { 
    width:100%; height:100%;
    background:#fff;
   
    position: absolute; 
    z-index:1; 
    transform:scale(0);
	-webkit-transform:scale(0);
	
}
.bArea .txt .bd02 ul li .animated-circles .c-1 { transition: all 2s; }
.bArea .txt .bd02 ul li .animated-circles .c-2 { transition: all 2.5s; }
.bArea .txt .bd02 ul li .animated-circles .c-3 { transition: all 3s; }
 
.bArea .txt .bd02 ul li:hover .animated-circles .c-1 { background:rgba(237,175,26,0.3);  transform:scale(1); }
.bArea .txt .bd02 ul li:hover .animated-circles .c-2 { background:rgba(237,175,26,0.6);  transform:scale(1); }
.bArea .txt .bd02 ul li:hover .animated-circles .c-3 { background:rgba(237,175,26,1);  transform:scale(1); }
*/
@media all and (max-width:1480px){
	.bArea { width:1480px; left:50%; margin-left:-740px; }
	.bArea .txt { width:600px; right:50%; top:50%; transform: translateY(-50%); margin-right:-600px; padding-left:50px; }

	.bArea .txt .bd { padding:20px 0 25px; font-size:14px; line-height:25px; }
 
	.bArea .txt .bd02 { margin:35px 0 0 -210px; width:602px; }
	.bArea .txt .bd02 ul { }
	.bArea .txt .bd02 ul li { width:200px; height:160px; padding-top:25px; }
	.bArea .txt .bd02 ul li .p1 { min-height:50px; }
	.bArea .txt .bd02 ul li .p1 img { height:35px; width:auto; }
	.bArea .txt .bd02 ul li .p2 { font-size:14px;  }
	.bArea .txt .bd02 ul li .p2 i { font-size:24px; }
	.bArea .txt .bd02 ul li .p3 { font-size:14px; }
}
@media all and (max-width:1200px){
	.bArea { width:100%; left:0; margin-left:0; }
	.bArea .txt { width:46%; right:4%; margin-right:0; padding-left:30px; }
	
	.bArea .txt .bd02 { margin:30px 0 0 -140px; width:482px; }
	.bArea .txt .bd02 ul li { width:160px; height:120px; padding-top:20px; }
	.bArea .txt .bd02 ul li .p1 { min-height:35px; }
	.bArea .txt .bd02 ul li .p1 img { height:25px; width:auto; }
	.bArea .txt .bd02 ul li .p2 { font-size:14px;  }
	.bArea .txt .bd02 ul li .p2 i { font-size:20px; }
	.bArea .txt .bd02 ul li .p3 { font-size:14px; }
}
@media all and (max-width:1000px){
	.bArea { width:100%; left:0; margin-left:0; padding:35px 0; background-size:cover!important; }
	.bArea .pic { float:none; display:none; }
	 
	.bArea .txt { position:relative; width:92%; margin-left:4%; right:0; margin-right:0; padding:30px 4%; transform:none; background:rgba(255,255,255,0.8); }
	.bArea .txt .bd { padding:0 0 25px; }
	.bArea .txt .bd02 { margin:30px 0 0 0; width:100%; }
	.bArea .txt .bd02 ul li { width:33.33%; height:120px; padding-top:20px; }
	.bArea .txt .bd02 ul li .p1 { min-height:35px; }
	.bArea .txt .bd02 ul li .p1 img { height:25px; width:auto; }
	.bArea .txt .bd02 ul li .p2 { font-size:14px;  }
	.bArea .txt .bd02 ul li .p2 i { font-size:20px; }
	.bArea .txt .bd02 ul li .p3 { font-size:14px; }
}

.cArea { padding:90px 0 100px; background:url(cArea.jpg) no-repeat center; background-size:cover; }
.cArea .Area-hd .p3 { width:100%; height:1px; background:#e2e5ea; }
.cArea .Area-hd .p3 i { position:relative; top:-2px; }

.cArea01 { float:left; width:730px; overflow:hidden; }
.cArea02 { float:right; width:calc(100% - 800px); }
.cArea02 .txt { padding:15px 0 20px; }
.cArea02 .txt .p1 { font-size:20px; color:#333; margin-bottom:15px; line-height:25px; height:25px; }
.cArea02 .txt .p1 i { float:left; display:block; max-width:calc(100% - 170px); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea02 .txt .p1 span { float:left; margin-left:10px; display:inline-block; width:32px; height:14px; background:url(new.gif) no-repeat center; }
.cArea02 .txt .p1 em { float:right; display:inline-block; width:72px; height:24px; background:url(c02.png) no-repeat center; }
.cArea02 .txt .p2 { font-size:16px; color:#60636d; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea02 .txt:hover .p1 { color:#f5c014; }

.cArea02 ul li { height:80px; line-height:80px; border-top:1px solid #dfe1e5; font-size:20px; color:#60636d; }
.cArea02 ul li em { float:right; }
.cArea02 ul li i { float:left; display:block; max-width:calc(100% - 170px); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea02 ul li span { position:relative; top:30px; float:left; margin-left:10px; display:inline-block; width:32px; height:14px; background:url(new.gif) no-repeat center; }

.cArea01 img { transition: all 0.6s; }
.cArea01:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1480px){
	.cArea { padding:60px 0; }
	 
	.cArea01 { float:left; width:580px; }
	.cArea02 { float:right; width:calc(100% - 610px); }
	.cArea02 .txt { padding:10px 0 15px; }
	.cArea02 .txt .p1 { font-size:16px; margin-bottom:10px; line-height:24px; height:24px; }
	.cArea02 .txt .p1 i { max-width:calc(100% - 170px); }
	.cArea02 .txt .p2 { font-size:14px; line-height:20px; }
	 
	.cArea02 ul li { height:63px; line-height:63px; font-size:16px; }
	.cArea02 ul li i { max-width:calc(100% - 170px); }
	.cArea02 ul li span { top:20px; }
}
@media all and (max-width:1200px){
	.cArea { padding:50px 0; }
	 
	.cArea01 { float:left; width:480px; }
	.cArea02 { float:right; width:calc(100% - 500px); }
	.cArea02 .txt { padding:5px 0 10px; }
	.cArea02 .txt .p1 { font-size:14px; margin-bottom:10px; line-height:24px; height:24px; }
	.cArea02 .txt .p1 i { max-width:calc(100% - 130px); margin-left:5px; }
	.cArea02 .txt .p2 { font-size:14px; line-height:20px; }
	 
	.cArea02 ul li { height:50px; line-height:50px; font-size:14px; }
	.cArea02 ul li i { max-width:calc(100% - 100px); margin-left:5px; }
	.cArea02 ul li span { top:10px; }
}
@media all and (max-width:1000px){
	.cArea { padding:30px 0; }
	 
	.cArea01 { float:left; width:400px; }
	.cArea02 { float:right; width:calc(100% - 420px); }
	.cArea02 .txt { padding:0 0 10px; }
	.cArea02 .txt .p1 { font-size:18px; margin-bottom:10px; line-height:24px; height:24px; }
	.cArea02 .txt .p1 i { max-width:calc(100% - 45px); }
	.cArea02 .txt .p1 span { margin-left:5px; }
	.cArea02 .txt .p1 em { display:none; }
	.cArea02 .txt .p2 { font-size:14px; line-height:20px; }
	 
	.cArea02 ul li { height:40px; line-height:40px; font-size:14px; }
	.cArea02 ul li i { max-width:calc(100% - 100px);  }
	.cArea02 ul li span { top:10px; margin-left:5px; }
}
@media all and (max-width:800px){
	.cArea { padding:30px 0; }
	 
	.cArea01 { float:none; width:100%; }
	.cArea02 { float:none; width:100%; margin-top:25px; }
 
	.cArea02 ul li { height:50px; line-height:50px; font-size:18px; }
	.cArea02 ul li em { font-size:14px; }
 
	.cArea02 ul li span { top:10px; }
}



.dArea { padding:90px 0 100px; background:url(dArea.jpg) no-repeat center; background-size:cover; }
.dArea .Area-hd { color:#fff; }
.dArea .Area-hd .p4 { max-width:800px; letter-spacing:2px; margin-left:auto; margin-right:auto; }

.dArea01 { float:left; width:370px; background:#f5c014; padding-top:60px; height:460px; box-sizing: border-box; }
.dArea01 .txt { position:relative; width:290px; margin:0 auto; text-align:center; color:#000; box-sizing: border-box; }
.dArea01 .txt .p1 img { max-width:100%; }
.dArea01 .txt .p2 { font-size:26px; margin-top:20px; }
.dArea01 .txt .p3 { font-size:18px; margin-top:5px; }
.dArea01 .txt .p4 { position:relative; margin-top:10px; background:#fff; color:#da0000; }
.dArea01 .txt .p4 .p41 { height:110px; line-height:110px; font-size:40px; font-weight:bold; padding-left:20px; text-align:left; }
.dArea01 .txt .p4 .p42 { position:absolute; top:15px; right:30px; height:40px; line-height:40px; font-size:22px; text-align:right; z-index:5; }
.dArea01 .txt .p4 .p43 { position:absolute; bottom:15px; right:15px; height:40px; line-height:40px; font-size:22px; text-align:right; z-index:5; }
.dArea01 .txt .p4 .p43 i { display:inline-block; padding-left:25px; background:url(d02.png) no-repeat center left; }
.dArea01 .txt .p5 { margin-top:35px; }

.dArea01 .txt .p4.down { color:#008000; }
.dArea01 .txt .p4.down .p43 i { background:url(d03.png) no-repeat center left; }

.dArea02 { float:left; width:calc(100% - 370px); }
.dArea02 ul li { float:left; width:33.33%; border-right:1px solid #cecece; text-align:center; box-sizing: border-box; background:#fff; }
.dArea02 ul li a { display:block; padding-top:90px; height:460px; box-sizing: border-box; }
.dArea02 ul li:last-child { border-right:none; }
.dArea02 ul li .p2 { font-size:28px; color:#000; margin-top:25px; min-height:105px; }
.dArea02 ul li .p3 { height:24px; background:url(d04.png) no-repeat center; }

.dArea02 ul li:hover .p1 { transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transition: transform 0.9s;-webkit-transition: transform 0.9s;-moz-transition: transform 0.9s;  }
.dArea02 ul li:hover .p3 { background:url(c02.png) no-repeat center; }
 
@media all and (max-width:1200px){
	.dArea { padding:60px 0; }
	.dArea01 { width:300px; padding-top:40px; height:400px; }
	.dArea01 .txt { width:260px; }
	.dArea01 .txt .p2 { font-size:20px; }
	.dArea01 .txt .p3 { font-size:14px;  }
	 
	.dArea01 .txt .p4 .p41 { height:90px; line-height:90px; font-size:30px; padding-left:10px; }
	.dArea01 .txt .p4 .p42 { height:30px; line-height:30px; font-size:16px; }
	.dArea01 .txt .p4 .p43 { height:30px; line-height:30px; font-size:16px; }
	.dArea01 .txt .p5 { margin-top:25px; }
 
	.dArea02 { width:calc(100% - 300px); }
	.dArea02 ul li a { padding-top:40px; height:400px; }
	.dArea02 ul li .p2 { font-size:18px; }
}
@media all and (max-width:900px){
	.dArea { padding:30px 0; }
	.dArea01 { float:none; width:100%; padding:30px 0; height:auto; }
	.dArea01 .txt { width:100%; text-align:left; padding-left:20px; }
	.dArea01 .txt .p1 img { height:50px; }
	.dArea01 .txt .p2 { font-size:20px; }
	.dArea01 .txt .p3 { font-size:14px;  }
	
	.dArea01 .txt .p4 { position:absolute; width:220px; top:0; right:30px; }
 
	.dArea01 .txt .p5 { text-align:center; }
 
	.dArea02 { float:none; width:100%; }
	.dArea02 ul li a { padding:30px 10px; height:auto; }
	.dArea02 ul li .p1 img { height:50px; }
	.dArea02 ul li .p2 { font-size:14px; margin-top:20px; min-height:60px; line-height:20px; }
 
}
@media all and (max-width:550px){
	.dArea { padding:30px 0; }
	.dArea01 { float:none; width:100%; padding:30px 0; height:auto; }
	.dArea01 .txt { text-align:center; padding-left:0; }
	.dArea01 .txt .p1 img { height:50px; }
	.dArea01 .txt .p2 { font-size:20px; }
	.dArea01 .txt .p3 { font-size:14px;  }
	.dArea01 .txt .p4 { position:relative; width:250px; top:0; right:0; margin:10px auto 0; }
 
}